Pela qualidade da resolução, dá para perceber que se trata de uma imagem.

Você pode fazer isso de formas bem diferentes, mas precisa ter conhecimento em HTML e CSS no mínimo.

1ª Forma: puramente HTML e CSS
A tag responsável por criar um link que direciona para o local onde está hospedado o arquivo para download, é a tag "a" (anchor).

Sintaxe:

Download

Essa tag vai no HTML. No CSS você pode colocar o seguinte código, vou comentar um pouco ele mas você pode editar:

/*Estilo para o botão do tutorial no/
#bntDownload {
 padding: 5px; /*Espaçamento interno*/
 margin: 5px; /*Espaçamento externo*/
 margin-right: auto; /*Centralizando o botão*/
 margin-left: auto; /*Centralizando o botão*/
 width: 80px; /*Largura do botãp*/
 height: 20px; /*Altura do botão*/
 display: block; /*Exibir o botão em bloco, importante*/
 color: #; /*Cor do texto do botão*/
 text-align: center; /*Centralizando o texto do botão*/
 text-decoration: none; /*Removendo underscore do link*/
 font-weight: bold; /*Deixar texto em negrito*/
 background: #5BB8FF;  /*Cor do fundo do botão*/
 border-radius: 3px; /*Arredondamento das bordas*/
 transition-duration: 0.5s; /*Duração da transição de efeitos*/
}

/*Ao passar o Mouse*/
#bntDownload:hover {
 background: blue;
 transition-duration: 0.5s;
}

Para criar um estilo para links visitados, use "#bntDownload:visited". Se já houverem estilos em links no site, provavelmente o botão herdará outros estilos, então use o "!important" em alguns atributos.

Se quiser colocar uma imagem de setinha para baixo ao lado esquerdo da mensagem "Download", use a tag .

2º Forma: com imagem
Crie um link e insira nele uma imagem com a mensagem de download.