Alternar Css de uma pagina HTML

Tem como postar as partes do seu código que são relevantes pra sua dúvida?

Verdade @wldomiciano, com o código do @JeffersonSousaa conseguimos ajudar melhor

Você pode colocar um id na sua tag link que referencia o css.
Depois associe nos seus botoes uma funçao javascript que acesse aqueleId e mude a propriedade href para o arquivo css que você quer utilizar:

//html
  <link id="master-css" rel="stylesheet" media="screen" href="opcao1.css">

  //javascript
  function mudaCss(fileName) {
    document.getElementById('master-css').href = fileName
  }

  mudaCss('css1.css'); //primeira opcao, coloca no botao1
  mudaCss('css2.css'); //segunda opcao, coloca no botao2

Meus link para puxar o css.

<link id="Css1" rel="stylesheet" media="screen" href="css1.css" />
   <link id="Css2" rel="stylesheet" media="screen" href="css2.css" />
   <link id="Css3" rel="stylesheet" media="screen" href="css3.css" />

as funções devo tar cometendo algum erro infantil mas ainda sou leigo se poder verificar onde estou errando.

<button onclick="mudarCss1('css1');"> Css01</button> 
<button onclick="mudarCss2('css2');"> Css02</button> 
<button onclick="mudarCss3('css3');"> Css03</button> 

<script>
	function mudarCss1(css1.css) {
		document.getElementById(this).href = css1.css
	}
</script>

<script>
	function mudarCss2(css2.css) {
		document.getElementById(this).href = css2.css
	}
</script>

<script>
	function mudarCss3(css3.css) {
		document.getElementById(this).href = css3.css
	}
</script>

Rapaz procure por CSS3 e utilize uma variavel adicionando uma cor, depois no html utilize o onclick para mudar a propriedade da variavel do css.
Assim você nao torna seu site pesado utilizando diversos css.

Ex: no html botao Document.getDocumentProperty(’–variavelCorCss’) = ‘green’;