I made few modifications in the previous code and got this result:
Here is my version:
\documentclass{standalone}
\usepackage{amsmath}
\usepackage{pgfplots}\pgfplotsset{compat=1.8}
\usepackage{tikz}
\usetikzlibrary{calc}
\usepackage{xcolor}
\definecolor{lightblue}{rgb}{0.2,0.2, 0.9}
\newcommand\drawparticle[5]{
\shadedraw[ball color=#1, draw=none] (axis cs:#2,#3,#4) circle (#5 pt);
}
\def \radiusparticle{5.5}
\def \zparticle{-0.5}
\def \shiftdoubleoccupation{pi*0.095}
% OBS:
% top view = 90, 90 -> useful if you want to find the positions of particles in xy-plan
% wanted view = 25, 65 -> angles phi and theta that I set for the perspective
\begin{document}
\begin{tikzpicture}
\begin{axis}
[xmin=-2*pi,xmax=2*pi,ymin=-2*pi,ymax=2*pi,zmin=-2.5,zmax=2.5,
colormap/blackwhite,
view={25}{65},
axis line style={draw=none},
tick style={draw=none},
ticks=none
]
\addplot3[
surf,
samples=50,
domain=-2.15*pi:2.15*pi,
y domain=-2.15*pi:2.15*pi,
shader=interp,
opacity=0.5
]{cos(deg(x))*cos(deg(y))};
\pgfplotsextra{
\foreach \ix/\iy in {-2/1,2/1,-2/-1,2/-1}{
\drawparticle{red}{pi*\ix}{pi*\iy}{\zparticle}{\radiusparticle};
}
\foreach \ix/\iy in {1/0,1/2,1/-2,-1/2,-1/-2}{
\drawparticle{blue}{pi*\ix}{pi*\iy}{\zparticle}{\radiusparticle};
}
\drawparticle{blue}{0-\shiftdoubleoccupation}{-pi+0.5*\shiftdoubleoccupation}{-0.5}{5};
\drawparticle{red}{0+\shiftdoubleoccupation}{-pi-0.5*\shiftdoubleoccupation}{-0.5}{5};
\node[] (Coulombcenter) at (axis cs: 0+2*\shiftdoubleoccupation, -pi+2*\shiftdoubleoccupation, 1.0) {};
\node[anchor=center, align=center, font=\large \rmfamily \bfseries \color{black}, circle, fill=lightgray!70!black, rounded corners=1.0pt, inner sep=4.15pt] (Coulombcircle2) at ($(Coulombcenter.center)+(0,0)$) {\hphantom{$U$}};
\node[anchor=center, align=center, font=\large \rmfamily \bfseries \color{black}, circle, top color=blue!30!lightgray, bottom color=red!50!lightgray, rounded corners=1.0pt, inner sep=3.75pt] (Coulombcircle) at ($(Coulombcenter.center)+(0,0)$) {\hphantom{$U$}};
\node[anchor=center, align=center, font=\large \rmfamily \bfseries \color{black}, circle, top color=lightgray!50!white, bottom color=lightgray!50!gray, rounded corners=1.0pt, inner sep=0.25pt] (Coulombtext) at ($(Coulombcenter.center)+(0,0,0)$) {$U$};
\node[] (hoppingstart) at (axis cs: -pi, 0, \zparticle){};
\node[] (hoppingend) at (axis cs: 0, pi, \zparticle) {};
\draw[->,myarrowcontour] ($(hoppingstart.center)+(\radiusparticle,\radiusparticle,0.5*\radiusparticle)$) to node[auto, swap, above, font=\Large \color{white}] {}($(hoppingend.south)+(3.*\radiusparticle,3*\radiusparticle, -2.*\radiusparticle)$);
\draw[->,myarrow] ($(hoppingstart.center)+(\radiusparticle,\radiusparticle,0.5*\radiusparticle)$) to node[auto, swap, above, font=\Large \color{white}] {\color{black}$t$}($(hoppingend.south)+(2*\radiusparticle,2*\radiusparticle, 1*\radiusparticle)$);
\drawparticle{blue}{-pi}{0}{\zparticle}{\radiusparticle};
}
\end{axis}
\end{tikzpicture}
\end{document}
Where, I defined the arrow styles as
myarrowcontour/.style={lightblue!30!lightgray, >=latex, line width=5pt, bend left=45},
myarrow/.style={lightblue, >=latex, line width=3.5pt, bend left=45}
but changes can improve the final result.
I hope it helps!